<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title><@s.message "login.page.title"/></title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="<@s.message 'system.name'/>">
    <meta name="author" content="iflytek@zy">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="<@s.url '/resources/common/bootstrap/css/bootstrap.css'/>" rel="stylesheet" type="text/css">
    <link href="<@s.url '/resources/common/bootstrap/css/bootstrap-responsive.css'/>" rel="stylesheet" type="text/css">
    <link href="<@s.url '/resources/common/css/cdms.login.css'/>" rel="stylesheet" type="text/css">

    <style type="text/css">
        #line-chart{ height:300px; width:800px; margin:0px auto; margin-top:1em; }
        .brand{ font-family:georgia, serif; }
        .brand .first{ color:#ccc; font-style:italic; }
        .brand .second{ color:#fff; font-weight:bold; }
    </style>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
	<script src="<@s.url '/resources/common/bootstrap/js/html5.js'/>"></script>
    <![endif]-->
</head>
<!--[if lt IE 7 ]>
<body class="ie ie6"> <![endif]-->
<!--[if IE 7 ]>
<body class="ie ie7 "> <![endif]-->
<!--[if IE 8 ]>
<body class="ie ie8 "> <![endif]-->
<!--[if IE 9 ]>
<body class="ie ie9 "> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body>
<!--<![endif]-->
<div class="navbar">
    <div class="navbar-inner">
        <ul class="nav pull-right">
        </ul>
        <a class="brand" href="<@s.url '/'/>"><span class="first"><@s.message 'abbr.cdms'/></span> <span class="second"><@s.message 'system.name'/></span></a>
    </div>
</div>
<div class="row-fluid">
    <div class="dialog">
        <div class="block">
            <p class="block-heading"><@s.message 'title.login'/></p>

            <div class="block-body">
                <form id="login_form" method="post" action="<@s.url '/login'/>">

					<@itb.formInput label='login.account.no' name="username" validtor="required" message="error.account.login.empty"/>

                    <div class="control-group">
                        <label class="control-label" for="password"><@s.message "login.password"/></label>

                        <div class="controls">
                            <input type="password" class="span12" id="password" name="password" check-type="required" required-message="<@s.message 'error.account.password.empty'/>">
                        </div>
                    </div>

                    <label class="remember-me" for="rememberMe">
                        <input type="checkbox" id="rememberMe" name="rememberMe" value="1"> <@s.message "login.remember.me"/>? </label>

                    <button class="btn btn-primary" type="submit" data-config="submit-button"><@s.message 'login.submit'/></button>
                </form>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="<@s.url '/resources/common/jquery/jquery.js'/>"></script>
<script type="text/javascript" src="<@s.url '/resources/common/bootstrap/js/bootstrap.min.js'/>"></script>
<script type="text/javascript" src="<@s.url '/resources/common/bootstrap/extra/ibue-validation.js'/>"></script>

<script type="text/javascript">
    $("[rel=tooltip]").tooltip();
    $(function () {
        $('#login_form').validation();
    });
</script>
</body>
</html>